<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>layout 后台大布局 - Layui</title>
		<link rel="stylesheet" href="css/layui.css">
		<link rel="stylesheet" href="css/indexLogo.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/bootstrap.min14ed.css" />
		<link rel="stylesheet" href="css/font-awesome.min93e3.css" />
		<link rel="stylesheet" href="css/style.min862f.css" />
	</head>

	<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
		<div id="wrapper" style="background: url(img/bj01.jpg);">
			<div class="layui-layout layui-layout-admin" style="height: inherit;">

				<div class="layui-header">
					<div class="layui-logo"><img src="img/logox.jpg" class="img-logo"></div>

					<ul class="layui-nav layui-layout-left">
						<li class="layui-nav-item">
							<a href="">首页</a>
						</li>
						<li class="layui-nav-item">
							<a href="">商品管理</a>
						</li>
						<li class="layui-nav-item">
							<a href="">用户</a>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">其它系统</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="">邮件管理</a>
								</dd>
								<dd>
									<a href="">消息管理</a>
								</dd>
								<dd>
									<a href="">授权管理</a>
								</dd>
							</dl>
						</li>
					</ul>

					<ul class="layui-nav layui-layout-right">
						<li class="layui-nav-item">
							<a href="javascript:;">
								<img src="img/Head_portrait.jpg" class="layui-nav-img"> Admin
							</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;"><i class="fa fa-user-circle" aria-hidden="true"></i> 个人信息</a>
								</dd>
								<dd>
									<a href="javascript:;"><i class="fa fa-gear" aria-hidden="true"></i> 设置</a>
								</dd>
								<dd id="lock">
									<a href="javascript:;">
										<i class="fa fa-lock" aria-hidden="true" style="padding-right: 3px;padding-left: 1px;"></i> 锁屏 (Alt+L)
									</a>
								</dd>
								<dd>
									<a href="login.html"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="login.html"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
						</li>
					</ul>
				</div>

				<!--<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<ul class="layui-nav layui-nav-tree" lay-filter="test">
						<li class="layui-nav-item layui-nav-itemed">
							<a class="" href="javascript:;">所有商品</a>
							<dl class="layui-nav-child">
								<dd>
									 <a class="J_menuItem" href="index_v1.html" data-index="0">主页示例一</a>
								</dd>
								<dd>
									<a class="J_menuItem" href="index_v2.html" data-index="0">主页示例二</a>
								</dd>
								<dd>
									<a href="javascript:;">列表三</a>
								</dd>
								<dd>
									<a href="">超链接</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">解决方案</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;">列表一</a>
								</dd>
								<dd>
									<a href="javascript:;">列表二</a>
								</dd>
								<dd>
									<a href="">超链接</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="">云市场</a>
						</li>
						<li class="layui-nav-item">
							<a href="">发布商品</a>
						</li>
					</ul>
				</div>
			</div>-->

				<!--<div class="layui-body">
				
				<div style="padding: 15px;">内容主体区域</div>
			</div>-->
				<div id="page-wrapper" class="gray-bg dashbard-1 
                              col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-xs-10 col-sm-10 col-md-10 ">
					<div class="row content-tabs">
						<button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i></button>
						<nav class="page-tabs J_menuTabs">
							<div class="page-tabs-content">
								<a href="javascript:;" class="active J_menuTab" data-id="home_page.html">首页</a>
							</div>
						</nav>
						<button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i></button>
						<div class="btn-group roll-nav roll-right">
							<button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span></button>
							<ul role="menu" class="dropdown-menu dropdown-menu-right">
								<li class="J_tabShowActive">
									<a>定位当前选项卡</a>
								</li>
								<li class="divider"></li>
								<li class="J_tabCloseAll">
									<a>关闭全部选项卡</a>
								</li>
								<li class="J_tabCloseOther">
									<a>关闭其他选项卡</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="row J_mainContent" id="content-main">
						<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="home_page.html" frameborder="0" data-id="index_v1.html" seamless></iframe>
					</div>

					<div class="layui-footer  col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-xs-10 col-sm-10 col-md-10 ">
						<div class="pull-right">&copy; 2017-2018
							<a href="http://www.hctek.net/" target="_blank">瀚诚电子</a>
						</div>
					</div>
					<!--<div class="footer ">
						<div class="pull-right">&copy; 2017-2018
							<a href="http://www.hctek.net/" target="_blank">瀚诚电子</a>
						</div>
					</div>-->
				</div>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		<script src="js/plugins/layer/layer.min.js"></script>
		<script src="js/hplus.min.js"></script>
		<script src="js/contabs.min.js"></script>
		<script src="js/layui.js"></script>
		<script>
			//JavaScript代码区域
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>
	</body>

</html>